<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/payment.css"/>
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="../js/jquery.cookie.js"></script>
    <script src="../js/config.js"></script>
    <script src="../js/template.js"></script>
    <script src="../js/purchase.js"></script>
</head>
<body>
<div id="header">
    <p>支付订单</p>
    <span class="back"><a href="javascript:window.history.go(-1);">返回</a></span>
</div>
<div id="main">
    <div class="top">
        <p>填写资料</p>
        <p>确定预约</p>
        <p class="active">支付订单</p>
    </div>
    <div class="center">
        <p>支付费用：<span>19.00</span> 元</p>
        <p>请在 <span class="last-time">15:00</span> 之内支付</p>
        <p>否则，订单将被取消</p>
    </div>
    <div class="bot">
        <p class="title">选择支付方式</p>
        <ul class="left">
            <li>就诊卡 (<span class="balance"> 余额：<i>11.00</i> </span>) <span class="red">余额不足</span></li>
            <li>微信支付</li>
            <li>银联支付</li>
        </ul>
        <ul class="right">
            <li><img src="../imgs/check.png" alt=""/></li>
            <li><img src="../imgs/no_check.png" alt=""/></li>
            <li><img src="../imgs/no_check.png" alt=""/></li>
        </ul>
    </div>
    <div class="footer">下一步</div>
</div>
</body>
</html>